@charset "UTF-8";

article, aside, footer, header, main, nav, section{
	display:block;
}

html, body, h1, h2, h3, ul, li, a, p, article, aside, footer, header{
	padding:0;
	margin:0;
}

.banner{
	background-color: #424242;
	color:white;
	padding: 40px 25px;
}

hr {
  border: 1px solid #424242;
}

body{
	background-image: url("bg.jpg");
	width: 960px;
	margin-left: auto;
	margin-right:auto;
	background-color: #f0f0f0;
	font-family: Helvetica, Arial, Sans-Serif;
	font-size: 15px;
}

div.gallery {
  margin: 7px;
  margin-left:50px;
  border: 1px solid #ccc;
  float: left;
  width: 180px;
  height: 120px;
}

div.gallery:hover {
  border: 1px solid #777;
}

div.gallery img {
  width: 100%;
  height: auto;
}

nav {
	background-color:#FF8000;
	height: 28px;
	text-align:right;
}



a:link{text-decoration:none;}


li a{
	color:white;
}

li {
	display: inline;
	margin-left: 15px;
	margin-right: 15px;
	font-variant: small-caps;
	font-weight: bold;
}


section{
	background-color:#bbbbbb;
	padding:20px;
	margin-top:10px;
	margin-left:10px;
}

article{
	background-color:#bbbbbb;
	margin-top:5px;
	padding:10px 15px;
}

main{
	width: 640px;
	float:left;
	margin-bottom:10px;
}

aside {
	background-color:#bbbbbb;
	width:270px;
	float: right;
	padding:20px;
	margin-top:10px;
}
aside a{
	color:#424242;
}

footer {
	clear:both;
	background-color:#424242;
	color:white;
	padding: 5px 20px;
}